main{
    .banner{
        position: relative;
        img{
            width: 100%;
            height: 560px;
            object-fit: cover;
        }
        .cout_box{
            position: absolute;
            left: 165px;
            top:230px;
            line-height: 50px;
            color: white;
        }
    }
    .custom_lsit{
        padding-top: 50px;
        background-color: rgb(251, 251, 251);
        .fixe{
            position: fixed;
            top: 150px;
        }
        .left_list{
            float: left;
            ul{
                list-style: none;
                padding-top: 95px;
                border-left: 1px dashed;
                li{
                    display: flex;
                    margin-bottom: 40px;
                    span{
                        display: inline-block;
                        margin: 15px 0 0 -16px;
                        width: 30px;
                        height: 30px;
                        border: 1px solid rgb(210, 210, 210);
                        border-radius: 50%;
                        background-color: white;
                    }
                    p{
                        padding: 15px 80px 15px 15px;
                        margin-left: 10px;
                        background-color: rgb(246, 246, 246);
                        cursor: pointer;
                    }
                    >.active{
                        background-color: rgb(18, 150, 219);
                        color: white;
                    }
                }
                
            }
        }
        .right_list{
            float: right;
            width: 1380px;
            ul{
                list-style: none;
                margin-top: 15px;
                li{
                    margin-bottom: 20px;
                    .title{
                        padding-left: 10px;
                        border-bottom: 1px solid rgb(200, 200, 200);
                        line-height: 40px;
                    }
                    ul{
                        list-style: none;
                        display: flex;
                        justify-content: space-between;
                        li{
                            position: relative;
                            padding: 35px 40px;
                            width: 400px;
                            height: 400px;
                            border: 1px solid rgb(241, 241, 241);
                            box-shadow: 2px 3px 2px 2px rgb(241, 241, 241);
                            border-radius: 12px;
                            box-sizing: border-box;
                            transition: .3s;
                            img{
                                height: 50px;
                                margin-left: 50%;
                                transform: translateX(-50%);
                            }
                            p{
                                margin-top: 35px;
                                line-height: 24px;
                                text-indent:2em;
                            }
                            a{
                                position: absolute;
                                display: inline-block;
                                background-color: rgb(18, 150, 219);
                                color: white;
                                padding: 5px 90px;
                                text-decoration: none;
                                left: 75px;
                                bottom: 25px;
                                border-radius: 20px;
                            }
                        }
                        li:hover{
                            box-shadow: 2px 6px 6px 2px rgb(241, 241, 241);
                            margin-top: -10px;
                        }
                    }
                }
            }
        }
    }
}